<template>
  <div class="head">
			<div class="img">
				<img src="static/picture/head.png">
			</div>
			<p>app 登录模板</p>
		</div>
		<!--登陆-->
		<form action="#">
			<div class="item">
				<input type="text" name="name" maxlength="11" placeholder="请输入您的帐号" autocomplete="off" class="name">
			</div>
			<div class="item">
				<input type="text" name="vcode" maxlength="6" placeholder="请输入验证码" autocomplete="off" class="vcode">
				<span id="vcode">发送验证码</span>
			</div>
			<div class="item">
				<input type="password" name="password" placeholder="请再次输入您的密码" autocomplete="off" class="password">
			</div>
			<p>忘记密码</p>
			<div class="submit"><button>登&nbsp;陆</button></div>
		</form>
		<!--第三方登陆-->
		<div class="other-login">
			<p><span>使用第三方帐号登陆</span></p>
			<div class="third">
				<ul>
					<li><img src="static/picture/icon-qq.png"></li>
					<li><img src="static/picture/icon-weixin.png"></li>
					<li><img src="static/picture/icon-weibo.png"></li>
				</ul>
			</div>
		</div>
		<!--尾部-->
		<div class="footer">
			<img src="static/picture/logo.png">
			<p>登录使用就表示同意用户协议<a href="javascript:;">条款</a>和<a href="javascript:;">隐私</a>政策</p>
		</div>
</template>
<script>
export default {
    data() {
        return {
            
        }
    },
    mounted() {
        
    },
    updated() {
        
    },
    deactivated() {
        
    },
}
</script>
<style scopeed>
@import './css/style.css';
</style>